<div class="container"></div>

<style>
/* From Uiverse.io by Efrain2112  - Tags: circle, css, multicolor, pattern */
.container {
  width: 100%;
  height: 100%;
  --size: 80px; /* control the size */
  --color1: #f29c9c;
  --color2: #ffd700;
  --color3: #7ec8e3;
  --cone: #8b4513;

  background: radial-gradient(
      circle at 50% 30%,
      transparent 30%,
      var(--color1) 31%
    ),
    radial-gradient(circle at 30% 70%, transparent 30%, var(--color2) 31%),
    radial-gradient(circle at 70% 70%, transparent 30%, var(--color3) 31%),
    linear-gradient(to bottom, var(--cone) 50%, transparent 50%);
  background-size: var(--size) var(--size);
}

</style>
    